import React from "react";
import { Swiper, Image } from "react-vant";
import styles from "./index.module.css";

const Index = (props) => {
  const { images } = props;
  return (
    <div className={styles.demo_swiper}>
      <Swiper>
        {images.map((image) => (
          <Swiper.Item key={image}>
            <Image lazyload src={image} />
          </Swiper.Item>
        ))}
      </Swiper>
    </div>
  );
};

export default Index;
